<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/JKZL.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/axios.mm.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="headers">
        <div class="header">
            <ul class="list01" style="display: flex">
                <li>
                    <a href="login.html" style="padding-left:0  ">搜狗商城</a>
                </li>
                <li>
                    <a href="https://123.sogou.com/about/feedback.html">意见反馈</a>
                </li>
                <li>
                    <a href="">收藏本站</a>
                </li>
            </ul>


            <ul class="list02" style="display: flex">
                <li style="display: flex">
                    <a href="login.html" style="border-right:0" class="on-cli">登录</a>
                    <a href="regrist.html" class="a-reg">注册</a>
                    <span class="user" style="display: none">你好<a href="" class="btn">退出</a></span>

                </li>
                <li>
                    <a href="https://mall.sogou.com/goods/scode">s码通道</a>
                </li>
                <li>
                    <a href="">手机商城</a>
                </li>
                <li>
                    <a
                        href="https://chat56.live800.com/live800/chatClient/chatbox.jsp?companyID=1056730&configID=195273&jid=9447871852&s=1">在线客服</a>
                </li>
                <li>
                    <a href="cart.html" style="padding:0 20px;border-right:0 ">购物车(0)</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 ------------------------------------------------------------------------------------------------>
    <!-- 导航 ------------------------------------------------------------------------------------------------>

    <div class="navs">
        <div class="nav">
            <a href="index.html"><img style="margin:20px 0" src="img/QQ图片20190524203523.jpg" /></a>
            <ul style="display: flex;margin-left:150px " class="nav-list">
                <li><a href="">首页</a></li>
                <li class="active"><a href="">智能翻译</a></li>
                <li class="active"><a href="">糖猫手表</a></li>
                <li class="active"><a href="">糖猫配件</a></li>
                <li><a href="">社区</a></li>
            </ul>

            <div class="panel">
                <a href="">
                    <img src="https://mall01.sogoucdn.com/image/2018/12/27/20181227141346_4288.png" />

                </a>

                <a href="">
                    <img src="https://mall02.sogoucdn.com/image/2018/12/27/20181227141313_4287.png" />

                </a>

                <a href="">
                    <img src="https://mall01.sogoucdn.com/image/2019/03/11/20190311124239_4553.jpg" />
                </a>
            </div>
            <div class="panel">
                <a href=""><img src="https://mall03.sogoucdn.com/image/2018/12/21/20181221190233_4185.png" /></a>

                <a href=""><img src="https://mall02.sogoucdn.com/image/2018/12/21/20181221190434_4190.png" /></a>

                <a href=""><img src="https://mall03.sogoucdn.com/image/2019/05/10/20190510173036_4959.jpg" /></a>

                <a href=""><img src="https://mall02.sogoucdn.com/image/2019/05/21/20190521182056_6117.jpg" /></a>

                <a href=""><img src="https://mall02.sogoucdn.com/image/2019/04/19/20190419115054_4807.jpg" /></a>

            </div>
            <div class="panel">
                <a href=""><img src="https://mall01.sogoucdn.com/image/2018/12/27/20181227141346_4288.png" /></a>

                <a href=""><img src="https://mall02.sogoucdn.com/image/2018/12/24/20181224120209_4242.png" /></a>

                <a href=""><img src="https://mall02.sogoucdn.com/image/2019/04/19/20190419115054_4807.jpg" /></a>

                <a href=""><img src="https://mall03.sogoucdn.com/image/2019/04/19/20190419115225_4808.jpg" /></a>

                <a href=""><img src="https://mall02.sogoucdn.com/image/2019/04/19/20190419115054_4807.jpg" /></a>

            </div>

        </div>
    </div>

    <!-- 导航 ------------------------------------------------------------------------------------------------>

    <!-- <input type="checkbox" name="" id="all-select">全选
    <span class="count-num">0</span>数量 -->

    <div class="content" style="width: 1140px;margin: 0 auto;">
        <div style="  width: 1140px;height:41px;border: 1px solid #e9e9e9;line-height: 41px;
            text-align: center;background:#595959;display: flex;margin: 0 auto">
            <input type="checkbox" name="" id="all-select" style="width: 86px;margin-top:15px ">全选
            <div style="width: 400px;line-height: 41px;text-align: center">商品名称</div>
            <div style="width: 100px;line-height: 41px;text-align: center">单价</div>
            <div  style="width: 180px;line-height: 41px;text-align: center">数量</div><span class="count-num">0</span>
            <div style="width: 110px;line-height: 41px;text-align: center">小计</div>
            <div style="width: 90px;line-height: 41px;text-align: center">操作</div>
            <span style="margin-right:10px ">总价</span><span class="count-price">0</span>




        </div>

        <div class="list" style="width: 1140px;height:100%;margin:0 auto;background:#f5f5f5">

            <!-- <li style="height:150px;width:1140px;display: flex;align-items: center;justify-content: space-around">

                <input style="width: 86px;height:13px;" type="checkbox" name="" id="" class="ck">
                <img style="width:100px;height:100px" src="${p.pimg}" alt="">
                <p style="width: 100px;text-align: center">${p.pname}</p>

                <p class="qq" style="width: 100px;text-align: center">${p.pprice}</p>
                <input style="width:30px;height:30px;" data-id="${p.pid}"
                    type="button" value='-' class="sub">
                <input style="width:70px;height:30px;" type="text"
                    value="${p.pnum}" class="pnum">
                <input style="width:30px;height:30px;" data-id="${p.pid}"
                    type="button" value='+' class="add">
                <span class="sp" style=" width:30px;height:30px;">

                    ${parseInt(p.pnum) * parseInt(p.pprice)}
                </span>

                <input style=" position: absolute;top:40px;left:1104px;width:30px;height:30px;" data-id="${p.pid}"
                    type="button" value='删除' class="d-btn">
            </li> -->

        </div>
        <button class="btnn" style=" width:100px;height: 30px;background: red">立即结算</button>
    </div>






     <!-- 底部    ---------------------------------------------------------------------------------------------->
     <div id="footer" class="h5-hide">
        <div class="footer" pbflag="footer">
            <div class="wp">
                <div class="service">
                    <div class="intro">
                        <div class="flag">搜狗商城让生活更智能更方便</div>
                        <ul class="list-cl" style="display: flex;justify-content: space-around">
                            <li><img src="img/kj.jpg" style="width: 64px ; height: 64px;" /><span>科技乐趣</span>
                            </li>
                            <li><img src="img/kj.jpg" /></i><span>人工智能</span></li>
                            <li><img src="img/kj.jpg" /></i><span>智能翻译</span></li>
                            <li><img src="img/kj.jpg" /></i><span>智能生活</span></li>
                            <li><img src="img/kj.jpg" /></i><span>可靠贴心</span></li>
                        </ul>
                    </div>
                    <div class="follow">
                        <div class="desc">关注搜狗商城，<span>优惠活动</span>早知道</div>
                        <ul class="qrcode-cl">
                            <li>
                                <img src="img/ks.png">
                                <span class="name">微信公众号</span>
                            </li>
                            <li>
                                <img src="img/kl4.png">
                                <span class="name">小程序</span>
                            </li>
                        </ul>
                    </div>
                    <div class="contact">
                        <ul class="service-after">
                            <li>
                                <img src="img/kk.png" />
                                <span class="name-1">7天免费退货</span>
                            </li>
                            <li>
                                <img src="img/kk.png" />
                                <span class="name-1">一年内保修</span>
                            </li>
                        </ul>
                        <div class="btm">
                            <span class="name-2">客服电话</span>
                            <span class="tel">400-123-7676</span>
                            <span class="time">周一至周日 9:00 - 21:00</span>
                        </div>
                    </div>
                </div>

                <div class="links">
                    <a href="https://corp.sogou.com/" target="_blank">关于我们</a>
                    <a href="https://123.sogou.com/about/feedback.html" target="_blank">意见反馈及投诉</a>
                    <a href="/goods/protocol" target="_blank">用户协议</a>
                    <a href="https://corp.sogou.com/private.html" target="_blank">隐私政策</a>
                    <a href="https://123.sogou.com/" target="_blank">网址大全</a>
                    <a href="/goods/service" target="_blank">售后服务</a>
                    <a href="/goods/license" target="_blank">营业执照</a>
                </div>

                <div class="copyright">Copyright ©2019 Sogou.com. All Rights Reserved.&nbsp;
                    <a href="http://www.miibeian.gov.cn" target="_blank">京ICP证050897号/</a>
                    <a href="http://www.miibeian.gov.cn" target="_blank">京ICP备11001839号-1/</a>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000025"
                        target="_blank">京公网安备11000002000025号
                        <i class="icon-wangan"></i>
                    </a>
                </div>
            </div>
            <div class="toolbar">
                <div class="tools">
                    <a target="_blank" class="toolbar-btn" href="cart.html">
                        <img src="img/lkk.png" />
                        <span class="name">个人中心</span>
                    </a>
                    <a target="_blank" class="toolbar-btn" href="cart.html">
                        <img src="img/kkkk.png" />
                        <span class="name">购物车</span>
                    </a>
                    <a target="_blank" class="toolbar-btn"
                        href="http://chat56.live800.com/live800/chatClient/chatbox.jsp?companyID=1056730&amp;configID=195273&amp;jid=9447871852">
                        <img src="img/ks5.png" />
                        <span class="name name-red">在线客服</span>
                    </a>
                </div>
                <div class="gotop">
                    <a class="toolbar-btn" href="javascript:;" pbtag="回顶部">
                        <img src="img/ks6.png" />
                        <span class="name">回顶部</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部    ---------------------------------------------------------------------------------------------->
    <script src="js/cart.js" ></script>
</body>

</html>